📄️ 简介

JavaScript 中以事件驱动来实现界面的交互。事件驱动的核心是：以消息为基础、以事件来驱动。通俗的讲，事件就是文档或浏览器窗口发生的一些特定的变化交互性行为：加载、单击、输入、选择

📄️ 基础

| 属性 | 描述 |

📄️ all

| 事件 | 当......时发生 |

📄️ 阶段

DOM （文档对象模型）结构是一个树型结构。当一个 HTML 元素产生一个事件时，该事件会在元素节点与根节点之间的路径传播，路径所经过的节点都会收到该事件，这个传播过程可称为 DOM 事件流。

📄️ 监听

- type: 注册事件类型名

📄️ 事件对象

event 对象用来描述在浏览器窗口中发生的事件，一旦事件发生，便会生成 event 对象。

📄️ 鼠标

| 事件类型 | 说明 |

📄️ 键盘

JavaScript 可以响应键盘事件，例如键按下和键弹起： keydown 、 keypress 和 keyup 。例如下面的代码：

📄️ 页面事件

所有的页面事件都明确的处理整个页面的函数和状态。主要包括页面的加载和卸载。

📄️ 表单

获得焦点事件（ onfocus ）是当某个元素获得焦点时触发事件处理程序。失去焦点事件（ onblur ）是当前元素失去焦点时触发事件处理程序。在一般情况下，这两个事件是同时使用的。

📄️ UI

编辑事件是在浏览器中的内容被修改或移动时所执行的相关事件。它主要是对浏览器中被选择的内容进行复制、剪切、粘贴时的触发事件，以及在用鼠标拖曳对象时所触发的一系列事件的集合。

📄️ 案例

📄️ 封装

应用：